<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport"
	content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<script
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"
	type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
	jQuery.jq51menu = function(menuboxid,submenu){
		var menuboxli = $(menuboxid+" li");
		menuboxli.eq(0).find(submenu).show();
		menuboxli.eq(0).addClass("thismenu");
		//menuboxli.find("a:first").attr("href","javascript:;");
		menuboxli.click( function () { 
			$(this).addClass("thismenu").find(submenu).show().end().siblings("li").removeClass("thismenu").find(submenu).hide();
		});
	};
	//调用方法，可重用
	$.jq51menu("#menubox","div.submenu");
});
</script>
<style>
ul,li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

body a {
	color: #333333;
}

a {
	text-decoration: none;
}

#menubox {
	width: 100%;
	overflow: hidden;
	height: 100%
}

#menubox ul li {
	line-height: 35px;
	background-color: #F0F0F0;
	border-bottom: #CCC solid 1px;
}

#menubox a {
	padding-left: 10px;
	padding-right: 6px;
	font-size: 20px;
}

#menubox .thismenu {
	background-color: #119CBE;
	color: #ffffff;
	border: none;
}

#menubox .thismenu a {
	color: #ffffff;
}

#menubox .submenu {
	display: none;
	background-color: #ffffff;
}

#menubox .submenu font {
	padding: 10px;
	height: 100%;
	line-height: 20px;
	color: #030;
	display: block;
	border-bottom: #CCC dashed 0px;
	font-size: 16px;
}
</style>
</head>

<body>

	<img align="middle" border="0" src="../pic/hellp/sk1.jpg"
		alt="点击左下角小键盘，进入输入模式"></img>
	<img align="middle" border="0" src="../pic/hellp/sk2.jpg"
		alt="输入工程名称，注意必须结尾为工程类别，例如水库、海塘、水闸等。"></img>
	<img align="middle" border="0" src="../pic/hellp/sk3.jpg" alt="输入后发送"></img>
	<img align="middle" border="0" src="../pic/hellp/sk4.jpg"
		alt="系统将在2s内返回查询数据，由于为实时查询，请耐心等待"></img>
	<img align="middle" border="0" src="../pic/hellp/sk5.jpg"
		alt="双击返回的绿色区域，将进入查看模式"></img>


</body>
</html>
